<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./js/three.js"></script>
</head>
<body>
<script>
    var camera,scene,renderer;
    init();
    animate();
    function init(){
         camera=new THREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,1,10000);
        camera.position.set( 0, 0, 100 );
        camera.lookAt( new THREE.Vector3( 0, 0, 0 ) );
         scene=new THREE.Scene();
        var material = new THREE.LineBasicMaterial( { color: 0x0000ff } );
        var geometry = new THREE.Geometry();
        geometry.vertices.push(new THREE.Vector3( -10, 0, 0) );
        geometry.vertices.push(new THREE.Vector3( 0, 10, 0) );
        geometry.vertices.push(new THREE.Vector3( 10, 0, 0) );
        var line = new THREE.Line( geometry, material );
        scene.add(line)
         renderer=new THREE.WebGLRenderer();
         renderer.setSize(window.innerWidth,window.innerHeight)
        document.body.appendChild(renderer.domElement)

    }
    function animate(){
        requestAnimationFrame(animate);
        renderer.render(scene,camera);
    }
</script>
</body>
</html>